<html>
	<head>
		<link rel="stylesheet" type="text/css" href="jquery.comboselect.css" />
		<!--[if IE]>
		<style type="text/css">
		select.csleft, select.csright {
			width: 100px;
		}
		</style>
		<![endif]-->
		<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
		<script type="text/javascript" src="jquery.selso.js"></script>	
		<script type="text/javascript" src="jquery.comboselect.js"></script>
		<script type="text/javascript">
		$(function(){
				$('#myselect').comboselect({ sort: 'both', addbtn: '  +  ',  rembtn: '  -  ' });
				$('#myotherselect').comboselect({ sort: 'left', addbtn: 'Add',  rembtn: 'Rem' });	
				
				$(this).parent().html('Okay');
				return false;
			
		});
		</script>
	</head>
	<body>
		
		<form>
			<label for="myselect">My Select</label>
			<select id="myselect" name="myselect" multiple="multiple" size="6">
				<option value="AAA">AAA</option>	
				<option value="BBB">BBB</option>	
				<option value="CCC">CCC</option>	
				<option value="DDD" selected="selected">DDD</option>	
				<option value="EEE" selected="selected">EEE</option>	
				<option value="FFF" selected="selected">FFF</option>	
				<option value="GGG">GGG</option>	
				<option value="HHH">HHH</option>	
				<option value="III">III</option>	
				<option value="JJJ">JJJ</option>	
				<option value="KKK">KKK</option>	
				<option value="LLL">LLL</option>	
				<option value="MMM">MMM</option>	
				<option value="NNN">NNN</option>	
				<option value="OOO">OOO</option>	
				<option value="PPP">PPP</option>	
				<option value="QQQ">QQQ</option>	
				<option value="RRR">RRR</option>	
				<option value="SSS">SSS</option>	
				<option value="TTT">TTT</option>	
				<option value="UUU">UUU</option>	
				<option value="VVV">VVV</option>	
				<option value="WWW">WWW</option>	
				<option value="XXX">XXX</option>	
				<option value="YYY">YYY</option>	
				<option value="ZZZ">ZZZ</option>	
			</select>

			<br clear="all" />

			<label for="myotherselect">My Other Select</label>
			<select id="myotherselect" name="myotherselect" multiple="multiple" size="6">
				<option value="111">111</option>	
				<option value="222">222</option>	
				<option value="333" selected="selected">333</option>	
				<option value="444">444</option>	
				<option value="555">555</option>	
				<option value="666" selected="selected">666</option>	
				<option value="777">777</option>	
				<option value="888">888</option>	
				<option value="999">999</option>	
				<option value="000">000</option>	
			</select>
					
			<br /><input id="go" name="go" type="submit" value="go" />
		</form>
	</body>
</html>
